import { defineProps } from '../../libs/util/props';
import theme from '../../libs/config/theme.js'

export default defineProps('checkboxGroup', {
    // 标识符
    name: {
        type: String,
        default: ''
    },
    // 绑定的值
    value: {
        type: Array,
       default: () => []
    },
    // #ifdef VUE3
    modelValue: {
        type: Array,
       default: () => []
    },
    // #endif
    // 形状，circle-圆形，square-方形
    shape: {
        type: String,
        default: 'square'
    },
    // 是否禁用全部checkbox
    disabled: {
        type: Boolean,
        default: false
    },

    // 选中状态下的颜色，如设置此值，将会覆盖parent的activeColor值
    activeColor: {
        type: String,
        default: theme.primary
    },
    // 未选中的颜色
    inactiveColor: {
        type: String,
        default: '#c8c9cc'
    },

    // 整个组件的尺寸，默认px
    size: {
        type: [String, Number],
        default: 18
    },
    // 布局方式，row-横向，column-纵向
    placement: {
        type: String,
        default: 'row'
    },
    // label的字体大小，px单位
    labelSize: {
        type: [String, Number],
        default: 14
    },
    // label的字体颜色
    labelColor: {
        type: [String],
        default: '#303133'
    },
    // 是否禁止点击文本操作
    labelDisabled: {
        type: Boolean,
        default: false
    },
    // 图标颜色
    iconColor: {
        type: String,
        default: '#ffffff'
    },
    // 图标的大小，单位px
    iconSize: {
        type: [String, Number],
        default: 12
    },
    // 勾选图标的对齐方式，left-左边，right-右边
    iconPlacement: {
        type: String,
        default: 'left'
    },
    // 竖向配列时，是否显示下划线
    borderBottom: {
        type: Boolean,
        default: false
    },
    // 选中状态下的label颜色
    activeLabelColor: {
        type: String,
        default: null
    }
})
